jQueryGeoComplete-拖动标记时获取位置-jQueryGeoComplete-getLocationwhenmarkerisdragged

5  

I managed to find a better work around!

我设法找到了更好的解决方法!

The work around you that Nadeeshani posted isn't very precise and it centres the map to a nearest address.

Nadeeshani发布的关于你的工作不是很精确,它将地图集中在最近的地址。

I managed to fix this by using the google geocoded, test the following code.

我设法通过使用谷歌地理编码来修复此问题,测试以下代码。

var optiOns= {
  map: "#mapnew",
  country: 'uk',
  mapOptions: {
    streetViewControl: false,
    mapTypeId : google.maps.MapTypeId.HYBRID
  },
  markerOptions: {
    draggable: true
  }
};

$("#address").geocomplete(options).bind("geocode:result", function(event, result){
  $('#logs').html(result.formatted_address);
  var map = $("#address").geocomplete("map");
  map.setZoom(18);
  map.setCenter(result.geometry.location);
});

$("#address").bind("geocode:dragged", function(event, latLng){
  console.log('Dragged Lat: '+latLng.lat());
  console.log('Dragged Lng: '+latLng.lng());
  var map = $("#address").geocomplete("map");
  map.panTo(latLng);
  var geocoder = new google.maps.Geocoder();

  geocoder.geocode({'latLng': latLng }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      if (results[0]) {
        var road = results[0].address_components[1].long_name;
        var town = results[0].address_components[2].long_name;
        var county = results[0].address_components[3].long_name;
        var country = results[0].address_components[4].long_name;
        $('#logs').html(road+' '+town+' '+county+' '+country);
      }
    }
  });
});

See my JSFiddle Example

请参阅我的JSFiddle示例

1  

This may not be a 100% perfect solution, but I too had the same issue and this is how I got through it. This is kind of a workaround.

这可能不是100%完美的解决方案,但我也有同样的问题,这就是我通过它的方式。这是一种解决方法。

$("#geocomplete").bind("geocode:dragged", function(event, latLng){          
$("input[name=lat]").val(latLng.lat());
$("input[name=lng]").val(latLng.lng()); 
$("#geocomplete").geocomplete("find", latLng.toString());
});

The only problem here is the map is setting to its default zomm size since the autocomplete is sort of re initializing here.

这里唯一的问题是地图设置为默认的zomm大小,因为自动完成在这里重新初始化。

Hope this will help

希望这会有所帮助

0  

I am not sure if this is the same issue, but my 'find' also returned the incorrect result when doing more then one 'find'. It seems it is because the 'bounds' are set on subsequent finds, and the wrong results are return.

我不确定这是否是同一个问题,但是我的'find'在执行多次'find'时也返回了错误的结果。这似乎是因为'bounds'是在后续查找中设置的,并且返回错误的结果。

As a workaround, I changed the "jquery.geocomplete.js" file as follow, by adding this line:

作为一种解决方法,我通过添加以下行来更改“jquery.geocomplete.js”文件,如下所示:

request.bounds = this.options.bounds;

just before this line (352):

就在这一行之前(352):

this.geocoder.geocode(request, $.proxy(this.handleGeocode, this));

then the find should work as per normal:

那么查找应该按照正常情况工作:

$("#geocomplete").geocomplete("find", latLng.toString());